<template>
  <div class="box">
      <div class="box_hotel">
        <div id="container"></div> 
        <div class="box_one"></div>
      </div>
  </div>
</template>

<script>
export default {
    mounted() {
        window.onLoad  = function(){
        var map = new AMap.Map('container');
        }
        var url = 'https://webapi.amap.com/maps?v=1.4.15&key=e8c3d4c1338b6e7eed149732be1e25c6&callback=onLoad';
        var jsapi = document.createElement('script');
        jsapi.charset = 'utf-8';
        jsapi.src = url;
        document.head.appendChild(jsapi);
    }
}
</script>

<style lang="less" scoped>
.box {
    width: 100%;
    margin-top: 20px;
    .box_hotel {
        width: 100%;
        display: flex;
        justify-content: space-between;
        #container {
            width: 630px;
            height: 320px;
        }
        .box_one {
            width: 350px;
        }
    }
}
</style>